<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>找老师</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/teacher.css">
</head>
<body>
    <header class="clearfix">
        <div class="container clearfix">
            <div class="logo fl">
                <a href="#"><img src="../images/logo.png" alt=""></a>
            </div>
            <div class="nav-select fl">
                <div class="select-input ">找老师</div>
                <span class="line hide"></span>
                <ul class="hide">
                    <li ><a href="index.html">首页</a></li>
                    <li ><a href="college.html">网院</a></li>
                    <li><a href="find-course.html">找课程</a></li>
                    <li><a href="inquiry.html">专家问诊</a></li>
                    <li><a href="free-course.html">免费课程</a></li>
                    <li><a href="goods-list.html">师生商城</a></li>
                    <li ><a href="bbs.html">找论坛</a></li>
                    <li class="active"><a href="find-teacher.html">找老师</a></li>
                </ul>
            </div>
            <div class="fr">
                <div class="search fl">
                    <div class="dropdown fl">
                        <select name="" id="">
                            <option value="">课程</option>
                            <option value="">老师</option>
                        </select>
                    </div>
                    <div class="search-box fl">
                        <input type="text">
                        <i class="iconfont">&#xe641;</i>
                    </div>
                </div>
                <div class="fl header-nav">
                    <ul>

                        <li><a href="#">我的主页</a></li>
                        <li><a href="#">管理中心</a></li>
                        <li><a href="#"><i class="iconfont">&#xe62e;</i></a></li>
                        <li><a href="#">退出</a></li>
                    </ul>
                </div>
            </div>
        </div> 
    </header>
    <div class="banner">
        <img src="../images/banner21.jpg" alt="" />
    </div>
    <div class="main clearfix no-shadow">
        <div class="container clearfix">
            <div class="course-detail mart30 clearfix">
                <div class="fl">
                    <a href="##"><img src="../images/img10.jpg" alt="" /></a>
                </div>
                <div class="fr detail-content">
                    <h3>得乐教育小升初面谈(得乐教育)</h3>
                    <p class="price">
                        <span class="red-color">￥0.00</span>
                        <span class="make-off">原价￥9.90</span>
                        <span class="make-off">会员价¥0.00</span>
                    </p>
                    <p class="course-text">温馨提示：当前课程价格为未开始的课时总价。点击“购买”按钮进入
订单提交页面，您可勾选已结束课时选项，同步购买已结束的课时，购
买后即可回看付费课程视频。</p>
                    <div class="course-btn">
                        <a href="" class="button red-bg">立即购买</a>
                        <a href="" class="button blue-bg">会员购买</a>
                    </div>
                </div>
            </div>
            <div class="block mart30">
                <div class="colorful-line">
                    <ul class="colorful clearfix">
                        <li></li>
                        <li class="red"></li>
                        <li class="green"></li>
                    </ul>
                </div>
            </div>
            <div class="block">
                <div class="course-tab">
                    <ul class="clearfix course-btn">
                        <li class="button active">主讲老师</li>
                        <li class="button">课程目录</li>
                        <li class="button ">课程介绍</li>
                        <li class="button">学生评价</li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-content-list teacher-intro clearfix">
                            <img src="../images/img11.jpg" class="fl" />
                            <p class="fl">李老师：得乐教育欢迎大家，希望与大家一起成长~</p>
                        </div>
                        <!-- 课程目录 -->
                        <div class="tab-content-list catalog hide">
                            <table class="table class-detail-outline">
                                <tbody>
                                    <tr>
                                      <td>1</td>
                                      <td class="catalog-title"><strong>高一期末考真题试卷解析（下）</strong></td>
                                      <td>2018-06-23   07:00:00-09:00:00</td>
                                      <td class="course-btn text-right">
                                          <button class="button red-bg">课程回顾</button>
                                      </td>
                                     </tr>
                                  </tbody>
                              </table>
                        </div>
                        <div class="tab-content-list hide">
                            <p>本数学课程是为高一学生专门定制的精品课程，每周一卷，将全国有代表性的真题试卷进行分析讲解，帮助同学们提高考试题型的认知和训练，熟悉各类考试题型和分数，提前进入考试状态，为高考取得好成绩打下坚实基础。
同学们星期五登录6603网，购买课程后，把试卷下载到桌面，先试着做一做，。星期六下午6603网会有答案讲解视频发上去，可以用电脑学习，也可以用手机学习（UC浏览器），简单方便，收效显著。</p>
                        </div>
                        <div class="tab-content-list hide">
                            <p>总共<span class="red-color">0</span>条记录，当前显示0-0条记录。
</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="block mart30">
                <div class="colorful-line">
                    <ul class="colorful clearfix">
                        <li></li>
                        <li class="red"></li>
                        <li class="green"></li>
                    </ul>
                </div>
            </div>
            <!-- 组合类型 -->
            <div class="group-type mart30 marb30">
                <p class="group-type-title">组合类型</p>
                <div class="group-type-content">
                    <div class="group-type-content-title clearfix">
                        <p class="fl">
                            <span class="iconfont icon-selected-box red-color"></span>
                            得乐教育小升初系列课程
                        </p>
                        <span class="fr red-color">￥20.00</span>
                    </div>
                    <ul class="clearfix">
                        <li>
                            <a href="##">
                                <img src="../images/img12.jpg" alt="" />
                            </a>
                            <p class="li-title">得乐教育冲剌名校之数学篇</p>
                            <p class="red-color li-price">¥9.90</p>
                            <p class="tip">得乐教育冲剌名校之数学篇</p>
                        </li>
                        <li>
                            <a href="##">
                                <img src="../images/img12.jpg" alt="" />
                            </a>
                            <p class="li-title">得乐教育冲剌名校之数学篇</p>
                            <p class="red-color li-price">¥9.90</p>
                            <p class="tip">得乐教育冲剌名校之数学篇</p>
                        </li>
                        <li class="no-marr"> 
                            <a href="##">
                                <img src="../images/img12.jpg" alt="" />
                            </a>
                            <p class="li-title">得乐教育冲剌名校之数学篇</p>
                            <p class="red-color li-price">¥9.90</p>
                            <p class="tip">得乐教育冲剌名校之数学篇</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="introduce">
        <div class="container">


            <div class="top clearfix">
                <div class="logo fl"><a href="#"><img src="../images/logo.png" alt=""></a></div>
                <div class="fl download">
                    <img src="../images/erweima.png" alt="">
                    <p>客户端下载</p>
                </div>
                <div class="fl download">
                    <img src="../images/erweima.png" alt="">
                    <p>微信公众号</p>
                </div>
                <div class="fl contact">
                    <p><i class="iconfont">&#xe618;</i>020-32146993</p>
                    <p><i class="iconfont">&#xe61b;</i>4903 Deangel Row Suite 838</p>
                    <p><i class="iconfont">&#xe639;</i>support@company.com</p>
                </div>
            </div>
            <div class="contact-ul clearfix">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">人才招聘</a></li>
                    <li><a href="#">服务协议</a></li>
                </ul>
            </div>
            <div class="footline">
                <img src="../images/footer_end.png" alt="">
            </div>
        </div>
    </div>
    <footer>
        <p>广州市家合教育科技有限公司</p>
        <p>地址：广州市增城大道69号万达广场金街9栋201-204 粤ICP备16098091号</p>
    </footer>
</body>
</html>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/conn.js"></script>
<script type="text/javascript">
    $('.course-tab').on('click','li',function(){
        var $this = $(this);
        $this.addClass('active').siblings().removeClass('active');
        var index = $this.index();
        $('.tab-content').find('.tab-content-list').eq(index).removeClass('hide').siblings('.tab-content-list').addClass('hide')
    });
</script>